﻿<!DOCTYPE html>
<html>
  <head>
    <title>sheetdeail</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/sheetdeail/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/sheetdeail/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u584" class="ax_default" data-left="0" data-top="1" data-width="1200" data-height="404">

        <!-- Unnamed (矩形) -->
        <div id="u585" class="ax_default box_1">
          <div id="u585_div" class=""></div>
          <div id="u585_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u586" class="ax_default" data-left="0" data-top="4" data-width="1167" data-height="401">

          <!-- Unnamed (图片 ) -->
          <div id="u587" class="ax_default image">
            <img id="u587_img" class="img " src="images/index/u48.png"/>
            <div id="u587_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u588" class="ax_default flow_shape">
            <div id="u588_div" class=""></div>
            <div id="u588_text" class="text ">
              <p><span>主页</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u589" class="ax_default flow_shape">
            <div id="u589_div" class=""></div>
            <div id="u589_text" class="text ">
              <p><span>个人中心</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u590" class="ax_default flow_shape">
            <div id="u590_div" class=""></div>
            <div id="u590_text" class="text ">
              <p><span>排行榜</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u591" class="ax_default flow_shape">
            <div id="u591_div" class=""></div>
            <div id="u591_text" class="text ">
              <p><span>分类歌单</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u592" class="ax_default flow_shape">
            <div id="u592_div" class=""></div>
            <div id="u592_text" class="text ">
              <p><span>首页</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u593" class="ax_default flow_shape">
            <div id="u593_div" class=""></div>
            <div id="u593_text" class="text ">
              <p><span>歌手</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u594" class="ax_default flow_shape">
            <div id="u594_div" class=""></div>
            <div id="u594_text" class="text ">
              <p><span>专辑</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u595" class="ax_default icon">
            <img id="u595_img" class="img " src="images/sheetdeail/u595.svg"/>
            <div id="u595_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u596" class="ax_default box_1">
            <div id="u596_div" class=""></div>
            <input id="u596_input" type="text" value="" class="u596_input"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u597" class="ax_default flow_shape">
            <div id="u597_div" class=""></div>
            <div id="u597_text" class="text ">
              <p><span>登录</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u598" class="ax_default flow_shape">
            <div id="u598_div" class=""></div>
            <div id="u598_text" class="text ">
              <p><span>注册</span></p>
            </div>
          </div>

          <!-- Unnamed (热区) -->
          <div id="u599" class="ax_default">
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u600" class="ax_default box_1">
        <div id="u600_div" class=""></div>
        <div id="u600_text" class="text ">
          <p><span>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u601" class="ax_default box_1">
        <div id="u601_div" class=""></div>
        <div id="u601_text" class="text ">
          <p><span>播放全部</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u602" class="ax_default box_1">
        <div id="u602_div" class=""></div>
        <div id="u602_text" class="text ">
          <p><span>更多</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u603" class="ax_default image">
        <img id="u603_img" class="img " src="images/sheetdeail/u603.png"/>
        <div id="u603_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u604" class="ax_default image">
        <img id="u604_img" class="img " src="images/sheetdeail/u604.png"/>
        <div id="u604_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u605" class="ax_default image">
        <img id="u605_img" class="img " src="images/sheetdeail/u605.png"/>
        <div id="u605_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u606" class="ax_default" data-left="50" data-top="475" data-width="709" data-height="27">

        <!-- Unnamed (矩形) -->
        <div id="u607" class="ax_default box_1">
          <div id="u607_div" class=""></div>
          <div id="u607_text" class="text ">
            <p><span>1 青花瓷</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u608" class="ax_default box_1">
          <div id="u608_div" class=""></div>
          <div id="u608_text" class="text ">
            <p><span>周杰伦</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u609" class="ax_default box_1">
          <div id="u609_div" class=""></div>
          <div id="u609_text" class="text ">
            <p><span>单曲</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u610" class="ax_default box_1">
          <div id="u610_div" class=""></div>
          <div id="u610_text" class="text ">
            <p><span>03:59</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u611" class="ax_default" data-left="50" data-top="507" data-width="709" data-height="59">

        <!-- Unnamed (矩形) -->
        <div id="u612" class="ax_default box_1">
          <div id="u612_div" class=""></div>
          <div id="u612_text" class="text ">
            <p><span>2 山水之间</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u613" class="ax_default box_1">
          <div id="u613_div" class=""></div>
          <div id="u613_text" class="text ">
            <p><span>许嵩</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u614" class="ax_default box_1">
          <div id="u614_div" class=""></div>
          <div id="u614_text" class="text ">
            <p><span>单曲</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u615" class="ax_default box_1">
          <div id="u615_div" class=""></div>
          <div id="u615_text" class="text ">
            <p><span>04:36</span></p>
          </div>
        </div>

        <!-- Unnamed (热区) -->
        <div id="u616" class="ax_default">
        </div>

        <!-- Unnamed (热区) -->
        <div id="u617" class="ax_default">
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u618" class="ax_default" data-left="50" data-top="542" data-width="709" data-height="27">

        <!-- Unnamed (矩形) -->
        <div id="u619" class="ax_default box_1">
          <div id="u619_div" class=""></div>
          <div id="u619_text" class="text ">
            <p><span>3 打上花火</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u620" class="ax_default box_1">
          <div id="u620_div" class=""></div>
          <div id="u620_text" class="text ">
            <p><span>DAOKO</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u621" class="ax_default box_1">
          <div id="u621_div" class=""></div>
          <div id="u621_text" class="text ">
            <p><span>单曲</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u622" class="ax_default box_1">
          <div id="u622_div" class=""></div>
          <div id="u622_text" class="text ">
            <p><span>04:49</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u623" class="ax_default image">
        <img id="u623_img" class="img " src="images/sheetdeail/u623.png"/>
        <div id="u623_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u624" class="ax_default image">
        <img id="u624_img" class="img " src="images/sheetdeail/u624.png"/>
        <div id="u624_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u625" class="ax_default image">
        <img id="u625_img" class="img " src="images/sheetdeail/u624.png"/>
        <div id="u625_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u626" class="ax_default image">
        <img id="u626_img" class="img " src="images/sheetdeail/u624.png"/>
        <div id="u626_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u627" class="ax_default image">
        <img id="u627_img" class="img " src="images/sheetdeail/u624.png"/>
        <div id="u627_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u628" class="ax_default image">
        <img id="u628_img" class="img " src="images/sheetdeail/u624.png"/>
        <div id="u628_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u629" class="ax_default image">
        <img id="u629_img" class="img " src="images/sheetdeail/u629.png"/>
        <div id="u629_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u630" class="ax_default image">
        <img id="u630_img" class="img " src="images/sheetdeail/u624.png"/>
        <div id="u630_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u631" class="ax_default image">
        <img id="u631_img" class="img " src="images/sheetdeail/u624.png"/>
        <div id="u631_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u632" class="ax_default image">
        <img id="u632_img" class="img " src="images/sheetdeail/u624.png"/>
        <div id="u632_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u633" class="ax_default image">
        <img id="u633_img" class="img " src="images/sheetdeail/u624.png"/>
        <div id="u633_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u634" class="ax_default image">
        <img id="u634_img" class="img " src="images/sheetdeail/u624.png"/>
        <div id="u634_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u635" class="ax_default image">
        <img id="u635_img" class="img " src="images/index/u44.png"/>
        <div id="u635_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u636" class="ax_default image">
        <img id="u636_img" class="img " src="images/sheetdeail/u636.png"/>
        <div id="u636_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u637" class="ax_default image">
        <img id="u637_img" class="img " src="images/sheetdeail/u637.png"/>
        <div id="u637_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (热区) -->
      <div id="u638" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u639" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u640" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u641" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u642" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u643" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u644" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u645" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u646" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u647" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u648" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u649" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u650" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u651" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u652" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u653" class="ax_default">
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u654" class="ax_default image ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u654_img" class="img " src="images/rank/u269.png"/>
        <div id="u654_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u655" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u655_div" class=""></div>
        <div id="u655_text" class="text ">
          <p><span>下载成功</span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u656" class="ax_default ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u656_state0" class="panel_state" data-label="State1" style="">
          <div id="u656_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u657" class="ax_default box_1">
              <div id="u657_div" class=""></div>
              <div id="u657_text" class="text ">
                <p><span>收藏歌曲</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u658" class="ax_default box_1">
              <div id="u658_div" class=""></div>
              <div id="u658_text" class="text ">
                <p><span>下载</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
